<%@ page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<link   type="text/css" rel="stylesheet" href="<c:url value='/css/web/gis.css'/>">
<link   type="text/css" rel="stylesheet" href="<c:url value='/css/web/pagination.css'/>">
<style>
	.searchDivOne .search-panel{
		top: 40px;
		padding: 0;
	}
	.searchDivOne .search_detail{
		padding: 0;
	}
</style>
<div class="easyui-layout" data-options="fit:true,border:false">

	<div id="searchDivOne" class="searchDivOne search-panel" style="top: 40px;padding: 0;left: 0;">
		<div id="dlgOne" class="easyui-dialog" title="车头照片" closed="true" data-options="iconCls:'icon-save'" style="display:block;width:80%;height:80%;padding:10px">
			<img class="headpicOne" style="" src="">
		</div>
		<div class="search_detail" style="padding: 0;">
			<div class="easyui-panel" title="站点详情" style="width:400px;" data-options="collapsible:true,closable:true">
				<div class="easyui-tabs" data-options="tabWidth:94" style="width:398px;">
					<div title="基本信息" style="padding:10px">
						<table class="table-bordered base-table" style="width: 100%">
							<tr><td class="base-title">站点编码：</td><td id="baseCodeOne"></td></tr>
							<tr><td class="base-title">站点名称：</td><td id="baseNameOne"></td></tr>
							<tr><td class="base-title">站点类型：</td><td id="baseTypeOne"></td></tr>
							<tr><td class="base-title">行政区划：</td><td id="baseDivisionOne"></td></tr>
							<tr><td class="base-title">管理机构：</td><td id="baseOrganOne"></td></tr>
							<tr><td class="base-title">详细地址：</td><td id="baseAddressOne"></td></tr>
						</table>
					</div>
					<div title="设备信息" style="padding:10px">
						<table class="table-bordered equip-table" style="width: 100%">
							<thead>
							<tr><th>设备编号</th><th>设备名称</th><th>设备类型</th><th>是否正常</th></tr>
							</thead>
							<tbody id="equip-tbody-one">
							<tr><td></td></tr>
							</tbody>
						</table>
					</div>
					<div title="实时数据" style="padding:10px">
						<%--<div style="width: 95%;position: absolute;">--%>
							<%--<span class="l-btn-left l-btn-icon-left" style="float: right;cursor: pointer;" onclick="refreshNowDataOne();">--%>
								<%--<span class="l-btn-text" style="width: 5px;height: 24px;"></span>--%>
								<%--<span class="l-btn-icon icon-reload">&nbsp;</span>--%>
							<%--</span>--%>
						<%--</div>--%>
						<table class="text-left-table now-table" style="width: 100%">
							<tbody >
							<tr><td colspan="2"><span class="now-title">统计时间：</span><span id="countTimeOne"></span></td></tr>
							<tr><td colspan="2"><span class="now-title">当日总车流量：</span><span id="trainCountOne"></span></td></tr>
							<tr>
								<td><span class="now-title">最近一次采集的车辆数据：</span></td>
								<td class="now-img-td-one" onclick="$('#dlgOne').dialog('open')"><img class="headpicOne" height="60" src=""></td>
							</tr>
							</tbody>
						</table>
						<table class="table-bordered equip-table" style="width: 100%">
							<thead>
							<tr><th>采集时间</th><th>车牌号码</th><th>车轴数</th><th>车货总重</th><th>超限量</th></tr>
							</thead>
							<tbody id="now-tbody-one">
							</tbody>
						</table>
					</div>
					<div title="历史数据" style="padding:10px;">
						<div id="SearchresultOne">
							<div class="result history-table">
								<table class="table-bordered equip-table" style="width: 100%">
									<thead>
									<tr><th>采集时间</th><th>车牌号码</th><th>车轴数</th><th>车货总重</th><th>超限量</th></tr>
									</thead>
									<tbody id="history-tbody-one">
									<tr><td colspan="5">暂无数据</td></tr>
									</tbody>
								</table>
							</div>
						</div>
						<div id="PaginationOne" class="pagination"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="searchDivTwo" class="searchDivTwo search-panel" style="top: 40px;padding: 0;left: 50%;">
		<div id="dlgTwo" class="easyui-dialog" title="车头照片" closed="true" data-options="iconCls:'icon-save'" style="display:block;width:80%;height:80%;padding:10px">
			<img class="headpicTwo" style="" src="">
		</div>
		<div class="search_detail" style="padding: 0;">
			<div class="easyui-panel" title="站点详情" style="width:400px;" data-options="collapsible:true,closable:true">
				<div class="easyui-tabs" data-options="tabWidth:94" style="width:398px;">
					<div title="基本信息" style="padding:10px">
						<table class="table-bordered base-table" style="width: 100%">
							<tr><td class="base-title">站点编码：</td><td id="baseCodeTwo"></td></tr>
							<tr><td class="base-title">站点名称：</td><td id="baseNameTwo"></td></tr>
							<tr><td class="base-title">站点类型：</td><td id="baseTypeTwo"></td></tr>
							<tr><td class="base-title">行政区划：</td><td id="baseDivisionTwo"></td></tr>
							<tr><td class="base-title">管理机构：</td><td id="baseOrganTwo"></td></tr>
							<tr><td class="base-title">详细地址：</td><td id="baseAddressTwo"></td></tr>
						</table>
					</div>
					<div title="设备信息" style="padding:10px">
						<table class="table-bordered equip-table" style="width: 100%">
							<thead>
							<tr><th>设备编号</th><th>设备名称</th><th>设备类型</th><th>是否正常</th></tr>
							</thead>
							<tbody id="equip-tbody-two">
							<tr><td></td></tr>
							</tbody>
						</table>
					</div>
					<div title="实时数据" style="padding:10px">
						<%--<div style="width: 95%;position: absolute;">--%>
							<%--<span class="l-btn-left l-btn-icon-left" style="float: right;cursor: pointer;" onclick="refreshNowDataTwo();">--%>
								<%--<span class="l-btn-text" style="width: 5px;height: 24px;"></span>--%>
								<%--<span class="l-btn-icon icon-reload">&nbsp;</span>--%>
							<%--</span>--%>
						<%--</div>--%>
						<table class="text-left-table now-table" style="width: 100%">
							<tbody >
							<tr><td colspan="2"><span class="now-title">统计时间：</span><span id="countTimeTwo"></span></td></tr>
							<tr><td colspan="2"><span class="now-title">当日总车流量：</span><span id="trainCountTwo"></span></td></tr>
							<tr>
								<td><span class="now-title">最近一次采集的车辆数据：</span></td>
								<td class="now-img-td-two" onclick="$('#dlgTwo').dialog('open')"><img class="headpicTwo" height="60" src=""></td>
							</tr>
							</tbody>
						</table>
						<table class="table-bordered equip-table" style="width: 100%">
							<thead>
							<tr><th>采集时间</th><th>车牌号码</th><th>车轴数</th><th>车货总重</th><th>超限量</th></tr>
							</thead>
							<tbody id="now-tbody-two">
							</tbody>
						</table>
					</div>
					<div title="历史数据" style="padding:10px;">
						<div id="Searchresult">
							<div class="result history-table">
								<table class="table-bordered equip-table" style="width: 100%">
									<thead>
									<tr><th>采集时间</th><th>车牌号码</th><th>车轴数</th><th>车货总重</th><th>超限量</th></tr>
									</thead>
									<tbody id="history-tbody-two">
									<tr><td colspan="5">暂无数据</td></tr>
									</tbody>
								</table>
							</div>
						</div>
						<div id="PaginationTwo" class="pagination"></div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div data-options="region:'west',split:true,border:false" style="width:50%;">
		<div style="height: 100%;">
			<div id="cityFilterOne" class="cityFilter">
				<a href="javascript:void(0);" class="easyui-linkbutton cityFilterOne" name-value="" id-value=""
				   data-options="plain:true" onclick="initChoose(this);">
					<span class="city-name">全国</span>
					<span class="icon"><img style="width:14px;" src="<c:url value='/images/web/icon-down.png'/>"></span>

				</a>
				<label class="city-count">
				</label>
			</div>
			<div id="mapOne"  style="height: 100%;width: 100%;"></div>
		</div>
	</div>
	<div data-options="region:'center',border:false" style="width:50%;">
		<div style="height: 100%;">
			<div id="cityFilterTwo" class="cityFilter">
				<a href="javascript:void(0);" class="easyui-linkbutton cityFilterTwo" name-value="" id-value=""
				   data-options="plain:true" onclick="initChoose(this);">
					<span class="city-name">全国</span>
					<span class="icon"><img style="width:14px;" src="<c:url value='/images/web/icon-down.png'/>"></span>
				</a>
				<label class="city-count">
				</label>
			</div>
			<div id="mapTwo"  style="height: 100%;width: 100%;"></div>
		</div>
	</div>
</div>
<link href="<c:url value='/css/web/gis/style.css'/>" type="text/css" rel="stylesheet">

<script type="text/javascript" src="<c:url value='/scripts/web/gis/City_data.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/web/gis/areadata.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/web/gis/auto_area.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/web/gis/double_screen.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/web/gis/jquery.pagination.js'/>"></script>